

<!DOCTYPE html>
<html lang="en" color-mode=light>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>使用nginx部署hexo博客框架搭建实践分享 - Hexo</title>
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="google" content="notranslate" />
  
  <meta name="description" content="前言因为前段时间有购买阿里云的轻量服务器同时个人对于服...">
  <meta name="author" content="John Doe">
  <link rel="icon" href="/images/icons/favicon-16x16.png" type="image/png" sizes="16x16">
  <link rel="icon" href="/images/icons/favicon-32x32.png" type="image/png" sizes="32x32">
  <link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png" sizes="180x180">
  <meta rel="mask-icon" href="/images/icons/stun-logo.svg" color="#333333">
  
    <meta rel="msapplication-TileImage" content="/images/icons/favicon-144x144.png">
    <meta rel="msapplication-TileColor" content="#000000">
  

  
<link rel="stylesheet" href="/css/style.css">


  
    
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1445822_p6ry5n7lrr.css">

  

  
    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">

  

  
    
      
        
        
<link rel="stylesheet" href="https://cdn.bootcss.com/highlight.js/9.18.1/styles/xcode.min.css" name="highlight-style" mode="light">

      
        
        
<link rel="stylesheet" href="https://cdn.bootcss.com/highlight.js/9.18.1/styles/solarized-dark.min.css" name="highlight-style" mode="dark">

      
  

  <script>
    var CONFIG = window.CONFIG || {};
    var ZHAOO = window.ZHAOO || {};
    CONFIG = {
      isHome: false,
      fancybox: true,
      pjax: false,
      loading: {
        gif: '/images/theme/loading.gif',
        lottie: ''
      },
      lazyload: {
        enable: true,
        only_post: 'false',
        loading: {
          gif: '/images/theme/loading.gif',
          lottie: ''
        }
      },
      donate: {
        enable: false,
        alipay: 'https://pic.izhaoo.com/alipay.jpg',
        wechat: 'https://pic.izhaoo.com/wechat.jpg'
      },
      galleries: {
        enable: true
      },
      fab: {
        enable: true,
        always_show: false
      },
      carrier: {
        enable: false
      },
      daovoice: {
        enable: false
      },
      preview: {
        background: {
          default: '',
          api: ''
        },
        motto: {
          default: '我在开了灯的床头下，想问问自己的心啊。',
          typing: true,
          api: 'https://v2.jinrishici.com/one.json',
          data_contents: '["data","content"]'
        },
      },
      qrcode: {
        enable: false,
        type: 'url',
        image: 'https://pic.izhaoo.com/weapp-code.jpg',
      },
      toc: {
        enable: true
      },
      scrollbar: {
        type: 'default'
      },
      notification: {
        enable: false,
        delay: 4500,
        list: '',
        page_white_list: '',
        page_black_list: ''
      },
      search: {
        enable: false,
        path: ''
      }
    }
  </script>

  

  

<meta name="generator" content="Hexo 6.3.0"></head>

<body class="lock-screen">
  <div class="loading" id="loading"></div>
  
    


  <nav class="navbar">
    <div class="left">
      
        <i class="iconfont iconhome j-navbar-back-home"></i>
      
      
      
        <i class="iconfont iconmoono" id="color-toggle" color-toggle="light"></i>
      
      
    </div>
    <div class="center">使用nginx部署hexo博客框架搭建实践分享</div>
    <div class="right">
      <i class="iconfont iconmenu j-navbar-menu"></i>
    </div>
    
  </nav>

  
  

<nav class="menu">
  <div class="menu-container">
    <div class="menu-close">
      <i class="iconfont iconbaseline-close-px"></i>
    </div>
    <ul class="menu-content"><li class="menu-item">
        <a href="/ " class="underline "> 首页</a>
      </li><li class="menu-item">
        <a href="/archives/ " class="underline "> 日志</a>
      </li><li class="menu-item">
        <a href="/about " class="underline "> 关于</a>
      </li></ul>
    
      <div class="menu-copyright"><div><p>Powered by <a target="_blank" href="https://hexo.io">Hexo</a>  |  Theme - <a target="_blank" href="https://github.com/izhaoo/hexo-theme-zhaoo">zhaoo</a></p> <p><img class="aaa" src="/images/theme/iconBA.png" style="width:16px; height:18px"/> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=44200102445419" rel="noreferrer" target="_blank">粤公网安备44200102445419</a>       &nbsp; <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2023036693号</a></p><p>&copy;田林</p> </div></div>
    
  </div>
</nav>
  <main id="main">
  <div class="article-wrap">
    <div class="row container">
      <div class="col-xl-3"></div>
      <div class="col-xl-6"><article class="article">
  <div class="wrap">
    <section class="head">
  <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
  <div class="head-mask">
    <h1 class="head-title">使用nginx部署hexo博客框架搭建实践分享</h1>
    <div class="head-info">
      <span class="post-info-item"><i class="iconfont iconcalendar"></i>December 28, 2023</span>
      
      <span class="post-info-item"><i class="iconfont iconfont-size"></i>5517</span>
    </div>
  </div>
</section>
    <section class="main">
      <section class="content">
        
        <h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>因为前段时间有购买阿里云的轻量服务器同时个人对于服务器的使用也很有兴趣，原先是自己搭建博客项目通过nginx部署，但只能是静态而且也没太多时间去优化升级，浏览网页发现了博客框架hexo的官网，于是….</p>
<h2 id="下载hexo脚手架"><a href="#下载hexo脚手架" class="headerlink" title="下载hexo脚手架"></a>下载hexo脚手架</h2><p><a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/index.html">hexo官网</a><br>进入hexo官网，里面也有相关文档介绍，在下载之前最重要的就是需要<strong>node.js</strong>以及<strong>GIT</strong>的安装了，安装这些东西就不需要过多介绍了，直接快进下一步<br>（ps：node版本的选择可以选长期维护的，git的话就找到git官网去下就好了<a target="_blank" rel="noopener" href="https://git-scm.com/download/win">git下载</a>，选“<strong>64-bit Git for Windows Setup</strong>.”这个下载就好了）<br>安装hexo脚手架<br>以下命令在hexo官网上是使用git命令行去安装的，但也可以使用自带的cmd去安装的</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm install -g hexo-cli<br>有可能会下载的很慢，可以先去下载淘宝镜像再执行上面一行命令应该会快很多<br>npm install -g cnpm --registry=https://registry.npm.taobao.org<br>安装完成后，使用 hexo -v 命令行就可以显示出相关版本号<br></code></pre></td></tr></table></figure>
<p><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/301a744cbdd04fa8a4edae54c454f0a9.png#pic_center" src=""   ><span class="image-caption">就像这样</span><br>显示以上内容的话就说明，已经成功安装啦，进入正题<br>找一个磁盘D、E新建文件夹名称自定义就好了，因为是要部署在服务器上，以上操作是同步的，至于服务器安装的地方么，看个人配置吧，我是最基础的放C盘了。</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo init<br>初始化hexo<br>安装完成会出现：INFO Start blogging with Hexo!<br></code></pre></td></tr></table></figure>
<p>到此，就完成了安装hexo，在命令行运行hexo s&#x2F;hexo server<br><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/968700ede71844b9ab5cd29c299351f0.png#pic_center" src=""   ><span class="image-caption">在这里插入图片描述</span><br>因为hexo启动默认端口就是4000当然也可以更改端口号</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo server -p 4001<br></code></pre></td></tr></table></figure>
<p><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/0638377bcd3444758a2e6cb06066f54a.png#pic_center" src=""   ><span class="image-caption">在这里插入图片描述</span><br>因为我是使用了主题<strong>zhaoo</strong>，默认显示的会是hexo官方提供的默认模板<br><a target="_blank" rel="noopener" href="https://blog.csdn.net/Colincoin/article/details/102594799">如果以上安装有不懂的可以点击这里，文章内容介绍的很清楚</a></p>
<h2 id="安装nginx"><a href="#安装nginx" class="headerlink" title="安装nginx"></a>安装nginx</h2><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><code class="hljs bash">nginx启动/停止<br>nginx -s stop //停止服务<br>nginx 		  //启动服务<br></code></pre></td></tr></table></figure>

<p>因为需要部署在服务器，用的最多的就是nginx啦，<br><a target="_blank" rel="noopener" href="https://nginx.org/en/download.html">nginx下载</a><br><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/0af7fb8fad7549b3916e8807af0a5c9f.png#pic_center" src=""   ><span class="image-caption">在这里插入图片描述</span><br>下载完成就会有以下的东西，<br><strong>conf</strong>文件夹最重要的文件是<strong>nginx.conf</strong><br><strong>html</strong>文件夹里存放的就是项目包了<br><a target="_blank" rel="noopener" href="https://blog.csdn.net/hyfsbxg/article/details/122322125">Nginx详解</a><br>完成以上步骤就是进入到最后阶段</p>
<h2 id="生成hexo静态文件"><a href="#生成hexo静态文件" class="headerlink" title="生成hexo静态文件"></a>生成hexo静态文件</h2><p>hexo官网也有讲到部署，但实际上是部署在github代码库里，通过github的链接就能访问到你部署的博客<br>当然，个人还是觉得生成静态文件部署在nginx上就舒服很多</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo generate <br>执行此命令会生成项目静态文件夹，跟vue使用webpack打包一样<br></code></pre></td></tr></table></figure>
<p><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/a8810637ce7c4b1888099a66cb096767.png#pic_center" src=""   ><span class="image-caption">在这里插入图片描述</span></p>
<p><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/0e766c539ff34ba08ca6b2e748cdff7d.png#pic_center" src=""   ><span class="image-caption">在这里插入图片描述</span></p>
<p><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/0c568d0d277546f49f4e5ad27dd799d9.png" src=""   ><span class="image-caption">在这里插入图片描述</span><br>就像以上这样，弄好这些，复制剪切都行，放到nginx的html目录下就ok了<br>当然了，到这里，nginx都还没配置呢，运行nginx是肯定不行滴</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br></pre></td><td class="code"><pre><code class="hljs bash"><br><span class="hljs-comment">#user  root;</span><br>worker_processes  1;<br><br><span class="hljs-comment">#error_log  logs/error.log;</span><br><span class="hljs-comment">#error_log  logs/error.log  notice;</span><br><span class="hljs-comment">#error_log  logs/error.log  info;</span><br><br><span class="hljs-comment">#pid        logs/nginx.pid;</span><br><br><br>events &#123;<br>    worker_connections  1024;<br>&#125;<br><br><br>http &#123;<br>    include       mime.types;<br>    default_type  application/octet-stream;<br><br>    <span class="hljs-comment">#log_format  main  &#x27;$remote_addr - $remote_user [$time_local] &quot;$request&quot; &#x27;</span><br>    <span class="hljs-comment">#                  &#x27;$status $body_bytes_sent &quot;$http_referer&quot; &#x27;</span><br>    <span class="hljs-comment">#                  &#x27;&quot;$http_user_agent&quot; &quot;$http_x_forwarded_for&quot;&#x27;;</span><br><br>    <span class="hljs-comment">#access_log  logs/access.log  main;</span><br><br>    sendfile        on;<br>    <span class="hljs-comment">#tcp_nopush     on;</span><br><br>    <span class="hljs-comment">#keepalive_timeout  0;</span><br>    keepalive_timeout  65;<br><br>    <span class="hljs-comment">#gzip  on;</span><br><br>    server &#123;<br>        listen       81;<br>        server_name  localhost;<br><br>        <span class="hljs-comment">#charset koi8-r;</span><br><br>        <span class="hljs-comment">#access_log  logs/host.access.log  main;</span><br><br>        location / &#123;<br>            root  html;<br>            index  index.html index.htm;<br>        &#125;<br><br>        <span class="hljs-comment">#error_page  404              /404.html;</span><br><br>        <span class="hljs-comment"># redirect server error pages to the static page /50x.html</span><br>        <span class="hljs-comment">#</span><br>        error_page   500 502 503 504  /50x.html;<br>        location = /50x.html &#123;<br>            root   html;<br>        &#125;<br><br>        <span class="hljs-comment"># proxy the PHP scripts to Apache listening on 127.0.0.1:80</span><br>        <span class="hljs-comment">#</span><br>        <span class="hljs-comment">#location ~ \.php$ &#123;</span><br>        <span class="hljs-comment">#    proxy_pass   http://127.0.0.1;</span><br>        <span class="hljs-comment">#&#125;</span><br><br>        <span class="hljs-comment"># pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000</span><br>        <span class="hljs-comment">#</span><br>        <span class="hljs-comment">#location ~ \.php$ &#123;</span><br>        <span class="hljs-comment">#    root           html;</span><br>        <span class="hljs-comment">#    fastcgi_pass   127.0.0.1:9000;</span><br>        <span class="hljs-comment">#    fastcgi_index  index.php;</span><br>        <span class="hljs-comment">#    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;</span><br>        <span class="hljs-comment">#    include        fastcgi_params;</span><br>        <span class="hljs-comment">#&#125;</span><br><br>        <span class="hljs-comment"># deny access to .htaccess files, if Apache&#x27;s document root</span><br>        <span class="hljs-comment"># concurs with nginx&#x27;s one</span><br>        <span class="hljs-comment">#</span><br>        <span class="hljs-comment">#location ~ /\.ht &#123;</span><br>        <span class="hljs-comment">#    deny  all;</span><br>        <span class="hljs-comment">#&#125;</span><br>    &#125;<br><br><br>    <span class="hljs-comment"># another virtual host using mix of IP-, name-, and port-based configuration</span><br>    <span class="hljs-comment">#</span><br>    <span class="hljs-comment">#server &#123;</span><br>    <span class="hljs-comment">#    listen       8000;</span><br>    <span class="hljs-comment">#    listen       somename:8080;</span><br>    <span class="hljs-comment">#    server_name  somename  alias  another.alias;</span><br><br>    <span class="hljs-comment">#    location / &#123;</span><br>    <span class="hljs-comment">#        root   html;</span><br>    <span class="hljs-comment">#        index  index.html index.htm;</span><br>    <span class="hljs-comment">#    &#125;</span><br>    <span class="hljs-comment">#&#125;</span><br><br><br>    <span class="hljs-comment"># HTTPS server</span><br>    <span class="hljs-comment">#</span><br>    <span class="hljs-comment">#server &#123;</span><br>    <span class="hljs-comment">#    listen       443 ssl;</span><br>    <span class="hljs-comment">#    server_name  localhost;</span><br><br>    <span class="hljs-comment">#    ssl_certificate      cert.pem;</span><br>    <span class="hljs-comment">#    ssl_certificate_key  cert.key;</span><br><br>    <span class="hljs-comment">#    ssl_session_cache    shared:SSL:1m;</span><br>    <span class="hljs-comment">#    ssl_session_timeout  5m;</span><br><br>    <span class="hljs-comment">#    ssl_ciphers  HIGH:!aNULL:!MD5;</span><br>    <span class="hljs-comment">#    ssl_prefer_server_ciphers  on;</span><br><br>    <span class="hljs-comment">#    location / &#123;</span><br>    <span class="hljs-comment">#        root   html;</span><br>    <span class="hljs-comment">#        index  index.html index.htm;</span><br>    <span class="hljs-comment">#    &#125;</span><br>    <span class="hljs-comment">#&#125;</span><br>server &#123;<br>        listen       80;  <span class="hljs-comment"># 定义端口号;</span><br>        server_name  127.0.0.1;<span class="hljs-comment"># 定义服务名</span><br><br>        location / &#123;<br>        add_header <span class="hljs-string">&#x27;Access-Control-Allow-Origin&#x27;</span> <span class="hljs-string">&#x27;*&#x27;</span>;<br>        add_header <span class="hljs-string">&#x27;Access-Control-Allow-Credentials&#x27;</span> <span class="hljs-literal">true</span>;<br>        add_header <span class="hljs-string">&#x27;Access-Control-Allow-Headers&#x27;</span> *;<br>        add_header <span class="hljs-string">&#x27;Access-Control-Allow-Methods&#x27;</span> *;<br>        add_header <span class="hljs-string">&#x27;Access-Control-Expose-Headers&#x27;</span> *;<br>            root   html/public; <span class="hljs-comment"># 打包后的文件目录,这里是相对路径，也可以写带磁盘的绝对路径</span><br>            index  index.html index.htm;<br>            try_files <span class="hljs-variable">$uri</span> <span class="hljs-variable">$uri</span>/ /index.html;	 <span class="hljs-comment"># 防止刷新出现404</span><br>        &#125;<br>      <br>        error_page   500 502 503 504  /50x.html;<br>        location = /50x.html &#123;<br>            root   html;<br>        &#125;<br>&#125;<br><br><br>&#125;<br><br></code></pre></td></tr></table></figure>
<p>以上的这个是我个人的相关配置，来自<strong>conf</strong>文件夹的文件<strong>nginx.conf</strong><br>完成了这些再去运行nginx命令就可以了，通过服务器的公网ip就可以访问到你刚刚部署的博客了<br><a target="_blank" rel="noopener" href="http://xushengliang.com/">就像这样</a></p>
<h2 id="补充"><a href="#补充" class="headerlink" title="补充"></a>补充</h2><p>如果需要使用hexo的主题的话就例如我使用的主题，<a target="_blank" rel="noopener" href="https://www.izhaoo.com/">zhaoo主题作者的博客</a>，里面详细介绍了主题的安装和使用<br>刚开始的时候我遇到的问题就是生成静态文件部署发现jq是未定义的，其实去到主题的配置文件cdn里修改一下jq的cdn链接再生成就好了<br><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/8f0ee6c9f8cd47aa99caede4580642a8.png" src=""   ><span class="image-caption">在这里插入图片描述</span><br>切换主题<br><img    class="lazyload" data-original="https://img-blog.csdnimg.cn/direct/3af68c62607f4d16b3fe73092aa37ef6.png" src=""   ><span class="image-caption">在这里插入图片描述</span><br>刚刚修改cdn的文件在themes文件夹里的zhaoo文件夹的config.yml里<br>注意，写字段的时候写完字段和英文冒号记得空一个格噢！</p>
<p>以上内容是在本地计算机和服务器同步进行，我个人是将hexo项目放在码云平台上，在服务器通过git的方式获取新的修改，再次生成静态文件放入nginx的html文件夹当中，后续会尝试本地计算机通过内网穿透的形式达到启用本地计算机使公网能够访问博客内容，（先让我试试，然后分享实践内容）</p>
<p>以上就是使用nginx部署hexo博客框架搭建实践的分享，如果有不理解的地方欢迎私信。</p>

      </section>
      <section class="extra">
        
        
        
        
  <nav class="nav">
    <a href="/2023/12/28/Vue%E4%BE%A6%E5%90%AC%E5%99%A8(watch)%E7%9A%84%E5%AE%9E%E8%B7%B5%E5%88%86%E4%BA%AB/"><i class="iconfont iconleft"></i>Vue侦听器(watch)的实践分享</a>
    <a href="/2023/12/28/%E5%9B%A2%E9%98%9F%E9%A1%B9%E7%9B%AE%E4%B8%ADgit%E7%9A%84%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8%E5%91%BD%E4%BB%A4/">团队项目中git的基本使用命令<i class="iconfont iconright"></i></a>
  </nav>

      </section>
      
    </section>
  </div>
</article></div>
      <div class="col-xl-3">
        
          
  <aside class="toc-wrap">
    <h3 class="toc-title">文章目录：</h3>
    <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%89%8D%E8%A8%80"><span class="toc-text">前言</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%8B%E8%BD%BDhexo%E8%84%9A%E6%89%8B%E6%9E%B6"><span class="toc-text">下载hexo脚手架</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%AE%89%E8%A3%85nginx"><span class="toc-text">安装nginx</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E7%94%9F%E6%88%90hexo%E9%9D%99%E6%80%81%E6%96%87%E4%BB%B6"><span class="toc-text">生成hexo静态文件</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%A1%A5%E5%85%85"><span class="toc-text">补充</span></a></li></ol>
  </aside>

        
      </div>
    </div>
  </div>
</main>
  

<footer class="footer">
  <div class="footer-social"><a 
        href="tencent://message/?Menu=yes&uin=894519210 "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color= '#12B7F5'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  iconQQ "></i>
      </a><a 
        href="javascript:; "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color= '#09BB07'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  iconwechat-fill "></i>
      </a><a 
        href="https://www.instagram.com/izhaoo/ "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color= '#DA2E76'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  iconinstagram "></i>
      </a><a 
        href="https://github.com/zhaoo "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color= '#9f7be1'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  icongithub-fill "></i>
      </a><a 
        href="mailto:izhaoo@163.com "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color=#FF3B00" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  iconmail"></i>
      </a></div>
  
    <div class="footer-copyright"><div><p>Powered by <a target="_blank" href="https://hexo.io">Hexo</a>  |  Theme - <a target="_blank" href="https://github.com/izhaoo/hexo-theme-zhaoo">zhaoo</a></p> <p><img class="aaa" src="/images/theme/iconBA.png" style="width:16px; height:18px"/> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=44200102445419" rel="noreferrer" target="_blank">粤公网安备44200102445419</a>       &nbsp; <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2023036693号</a></p><p>&copy;田林</p> </div></div>
  
</footer>
  
      <div class="fab fab-plus">
    <i class="iconfont iconplus"></i>
  </div>
  
  
  
  <div class="fab fab-up">
    <i class="iconfont iconcaret-up"></i>
  </div>
  
  
  
    
<script src="/js/color-mode.js"></script>

  
  
</body>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>





  
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>




  
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>








<script src="/js/utils.js"></script>
<script src="/js/script.js"></script>







  <script>
    (function () {
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
      } else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
      }
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
    })();
  </script>












</html>